<!DOCTYPE html>
<html ng-app="AipoUI">
  <head>
    <title>Bootstrap 101 Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="bootstrap/css/style.css" rel="stylesheet">
    <link href="bootstrap/css/bootstrap.css" rel="stylesheet" media="screen"></link>
    <link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet" media="screen"></link>
    <link href="//mgcrea.github.com/angular-strap/vendor/bootstrap-select.css" rel="stylesheet">
    <link rel="stylesheet/less" type="text/css" href="bootstrap/css/styles.less" />
    <link rel="stylesheet" type="text/css" href="aipo/css/docs.css" />
    <link rel="stylesheet" type="text/css" href="aipo/css/styles.css" />
    <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
    
    <script src="bootstrap/js/less-1.4.0.js" type="text/javascript"></script>
        
  </head>
  <body ng-controller="MainCtrl">
  
	<div class="row-fluid">
	  <div class="span3">
	  	<div class="row-fluid">
			<div class="span3">
				<button class="btn btn-primary" ng-click="showDropdownPanel()">I</button>
			</div>	  	
			<div class="span9">Module Name</div>	  	
	  	
	  	</div>
	  </div>
	  <div class="span3">
	    <div class="row-fluid">
	    	<div class="span3">
	    		<button class="btn btn-primary"><i class="icon-plus"></i></button>
	    	</div>
	    	<div class="span3"><button class="btn ">Create</button></div>
	    	<div class="span3"><button class="btn ">Edit</button></div>
	    	<div class="span3"><button class="btn ">Update</button></div>
	    </div>
	  </div>
	  <div class="span3">
	    Empty
	  </div>
	  <div class="span3">
	    <div class="row-fluid">
	    	<div class="span6">
	    		<div class="row-fluid">
	    			<div class="span3"><button class="btn btn-primary">R</button></div>
	    			<div class="span3"><button class="btn btn-primary">M</button></div>
	    			<div class="span3"><button class="btn btn-primary">S</button></div>
	    			<div class="span3"><button class="btn btn-primary">P</button></div>
	    		</div>
	    	</div>
	    	<div class="span6">
	    		<div class="row-fluid">
	    			<div class="span9">Son H Le</div>
	    			<div class="span3"><button class="btn btn-primary">I</button></div>
	    		</div>
	    	</div>
	    </div>
	  </div>
	</div>

<!-- Dropdown panel -->
	<div id="dropdownPanel" >
		<!-- Row 1 -->
		<div class="row-fluid">
			<div class="span12">
				<div class="row-fluid">	
					<div class="span2">
						<div class="row-fluid">
							<div><button class="btn btn-primary">P</button></div>
						</div>
						<div class="row-fluid">
							<div>Prospect</div>
						</div>
					</div>
					<div class="span2">
						<div class="row-fluid">
							<div><button class="btn btn-primary">P</button></div>
						</div>
						<div class="row-fluid">
							<div>Need Analysis</div>
						</div>
					</div>
					<div class="span2">
						<div class="row-fluid">
							<div><button class="btn btn-primary">P</button></div>
						</div>
						<div class="row-fluid">
							<div>eApplication</div>
						</div>
					</div>
					<div class="span2">
					</div>
					<div class="span2">
					</div>
					<div class="span2">
						<div class="row-fluid">
							<div><button class="btn btn-primary">H</button></div>
						</div>
						<div class="row-fluid">
							<div>Home</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<!-- Row 2 -->
		<div class="row-fluid">
			<div class="span12">
				<div class="row-fluid">	
					<div class="span2">
						<div class="row-fluid">
							<div><button class="btn btn-primary">P</button></div>
						</div>
						<div class="row-fluid">
							<div>Client</div>
						</div>
					</div>
					<div class="span2">
						<div class="row-fluid">
							<div><button class="btn btn-primary">P</button></div>
						</div>
						<div class="row-fluid">
							<div>Illustration</div>
						</div>
					</div>
					<div class="span2">
						<div class="row-fluid">
							<div><button class="btn btn-primary">P</button></div>
						</div>
						<div class="row-fluid">
							<div>eSubmission</div>
						</div>
					</div>
					<div class="span2">
					</div>
					<div class="span2">
					</div>
					<div class="span2">
						<div class="row-fluid">
							<div><button class="btn btn-primary">H</button></div>
						</div>
						<div class="row-fluid">
							<div>Close</div>
						</div>
					</div>
				</div>		
			</div>
		</div>
	</div>
			
	<script data-require="angular.js@1.1.5" data-semver="1.1.5" src="http://code.angularjs.org/1.1.5/angular.min.js"></script>
    <script src="http://code.jquery.com/jquery.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="aipo/app.js"></script>
    
    <script src="//mgcrea.github.com/angular-strap/js/angular-strap.js"></script>
    <script src="//mgcrea.github.com/angular-strap/vendor/bootstrap-select.js"></script>
    
  </body>
</html>